{include file="layout/header" /}

<script>
    layui.use(['table', 'jquery', 'layer', 'carousel'], function () {
        var table = layui.table;
        var jquery = layui.jquery;
        var layer = layui.layer;
        //第一个实例
        table.render({
            elem: '#demo'
            , url: '/admin/auth/user' //数据接口
            , toolbar: 'default'
            , page: true //开启分页
            , cols: [[ //表头
                {type: 'checkbox', fixed: 'left'}
                , {field: 'id', width: 100, title: 'id', align: 'center', sort: true, fixed: 'left'}
                , {field: 'user_name', width: 120, title: '用户名', align: 'center', sort: true, fixed: 'left'}
                , {field: 'title', width: 200, title: '组名', align: 'center', sort: true}
                , {field: 'rules', width: 480 ,title: '规则', align: 'center', }
                , {fixed: 'right', width: 177 ,title: '操作', align: 'center', toolbar: '#barDemo'}
            ]]
        });

        //表头 批量删除 修改以及添加
        table.on('toolbar(test)', function (obj) {
            var checkStatus = table.checkStatus(obj.config.id),
                data = checkStatus.data;//获取选中的数据
            //  console.log(data.id);
            var ids = "";
            for (var i = 0; i < data.length; i++) {
                ids += data[i].id + ',';
            }
            //alert(ids);
            switch (obj.event) {
                case 'add':
                    layer.open({
                        type: 2
                        //弹出层样式
                        , area: ['650px', '600px']
                        //宽高
                        , title: '添加操作'
                        //标题信息
                        , content: "{:url('admin/auth/add')}"
                        // 关闭窗口
                        ,btn :'关闭窗口',
                    });

                    break;
                case 'update':
                    if (data.length === 0) {
                        layer.msg('请选择一行')
                    } else if (data.length > 1) {
                        layer.msg('只能同时编辑一个');
                    } else {
                        layer.open({
                            type: 2
                            , title: '编辑'
                            , area: ['600px', '650px']
                            , content: "{:url('admin/auth/Update')}" + "?id=" + data[0]['id']
                            // 关闭窗口
                            , btn :'关闭窗口'
                        });
                    }


                    break;
                case 'delete':
                    if (data.length === 0) {
                        layer.msg('请选择一行')
                    } else {
                        layer.confirm('真的要删除吗', function (index) {
                            jquery.ajax({
                                url: "{:url('auth/userDelAll')}",
                                type: "POST",
                                //获取object对象中的data里的id  作为删除条件
                                data: "id=" + ids,
                                success: function (msg) {
                                    if (msg == 200) {
                                        //关闭弹框
                                        jquery(".layui-form-checked").each(
                                            function () {
                                                jquery(this).parents("tr").remove();
                                            }
                                        );
                                        layer.msg('删除成功', {icon: 6});
                                        layer.close(index);
                                    } else {
                                        layer.msg('删除失败', {icon: 5});
                                    }
                                }
                            });
                            return false;
                        });
                    }
                    break;
            }
        });
        //监听头工具栏事件
        table.on('tool(test)', function (obj) {
            var data = obj.data;
            var Event = obj.event;
            if(Event === 'detail'){ //查看
                //do somehing
                layer.open({
                    type: 0,
                    anim:5,
                    title:'数据信息展示',
                    area:['650px','400px'],
                    content: 'id：'+obj.data.id+'<br/>'+'用户名：'+obj.data.user_name+'<br/>'+'所在规则组：'+obj.data.title+'<br/>'+'所拥有的规则：'+obj.data.rules+'<br/>'
                });
            } else if (Event === 'del') {
                layer.confirm('确定要删除这条记录么', function (index) {
                    jquery.ajax({
                        url: "delUser",
                        type: "POST",
                        //获取到obj对象里面data里的id作为删除条件
                        data: {id: obj.data.id},
                        success: function (msg) {
                            if (msg.code == 1) {
                                //删除这一行
                                obj.del();
                                //关闭弹窗
                                layer.msg('删除成功', {icon: 1});
                            } else {
                                layer.msg('删除失败', {icon: 2});
                            }
                        }
                    });
                    return false;
                });
            } else if (Event === 'edit') {
                var id = obj.data.id;
                layer.open({
                    type: 2
                    , area: ['600px', '650px']
                    , title:'编辑'
                    , content: "{:url('admin/auth/Update')}" + "?id=" + id
                    // 关闭窗口
                    ,btn :'关闭窗口',
                })
            }
        });
    });
</script>
{include file="layout/footer" /}